.shoppingCartPage {
    // 因为首页设置了  4rem 的padding-bottom
    height: calc(~"100vh - 4rem - 50px");
    overflow: scroll; //滚动

    .mainContent {
        margin: 4px;
        padding-bottom: 50px;
        padding-left: 16px;

        .ShoppingCartProducts {
            background-color: #fff;
            height: 130px;
            display: flex;

            .goodsImg {
                height: 130px;
                min-width: 120px;
                width: 120px;
                display: flex;
                align-items: center;
                justify-content: center;
                // background-color: salmon;
            }

            .goodsContents {
                width: 100%;
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                margin: 0 1rem;

                .goodsRightTop {
                    justify-content: space-between;
                    display: flex;

                    .goodsTitle {
                        flex: 1;
                        overflow: hidden;
                    }

                    .goodsCount {
                        margin-left: 1rem;
                        // background-color: orange;
                        width: 2rem;
                        height: 1rem;
                    }
                }

                .goodsRightFooter {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
            }
        }

        .deleteBtn {
            height: 130px;
            // width: 50px;
            // background-color: red;
        }
    }

    .submitBar {
        &>.rv-submit-bar {
            position: fixed;
            bottom: 50px;
            left: 0px;
        }
    }

    &>.topTitleBar {
        // background-color: #fff;
        border-bottom: 1px solid #ccc;
        z-index: 999;
    }

    .noShoppingCart {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-self: center;
        padding: 5rem;

        .noShoppingCartText {
            margin: 2rem 0;
            // align-items: center;
            // width: 100%;

        }
    }
}